<template>
    <el-header class="header">
        <el-header class="header_he">
            <div>
                <img src="@/assets/images/systemManagement/菜单.png" alt="">
                <span>系统管理</span>
            </div>
            <div>
                <img :src="imgUrl" alt="">
                <span>{{userName}}</span>
            </div>
        </el-header>
    </el-header>

    <el-form :model="form" label-width="220px" class="form-container">
        <!-- 清运管家安卓版本 -->
        <el-form-item label="清运管家安卓版本号">
            <el-input v-model="form.qyAndroidVersionCode" placeholder="请输入清运管家安卓版本号" />
        </el-form-item>
        <el-form-item label="清运管家安卓版本名">
            <el-input v-model="form.qyAndroidVersionName" placeholder="请输入清运管家安卓版本名" />
        </el-form-item>
        <el-form-item label="清运管家安卓apk下载地址">
            <el-input v-model="form.qyAndroidApkUrl" placeholder="请输入清运管家安卓apk下载地址" />
        </el-form-item>

        <!-- 中控端版本 -->
        <el-form-item label="中控端版本号">
            <el-input v-model="form.zkVersionCode" placeholder="请输入中控端版本号" />
        </el-form-item>
        <el-form-item label="中控端版本名">
            <el-input v-model="form.zkVersionName" placeholder="请输入中控端版本名" />
        </el-form-item>
        <el-form-item label="中控端v1版apk下载地址">
            <el-input v-model="form.zkV1ApkUrl" placeholder="请输入中控端v1版apk下载地址" />
        </el-form-item>
        <el-form-item label="中控端v4版apk下载地址">
            <el-input v-model="form.zkV4ApkUrl" placeholder="请输入中控端v4版apk下载地址" />
        </el-form-item>

        <!-- 库启回收安卓版本 -->
        <el-form-item label="库启回收安卓版本号">
            <el-input v-model="form.kqAndroidVersionCode" placeholder="请输入库启回收安卓版本号" />
        </el-form-item>
        <el-form-item label="库启回收安卓版本名">
            <el-input v-model="form.kqAndroidVersionName" placeholder="请输入库启回收安卓版本名" />
        </el-form-item>
        <el-form-item label="库启回收安卓apk下载地址">
            <el-input v-model="form.kqAndroidApkUrl" placeholder="请输入库启回收安卓apk下载地址" />
        </el-form-item>
        <el-form-item label="库启回收安卓是否强制更新">
            <el-radio-group v-model="form.kqAndroidForceUpdate">
            <el-radio :label="true">是</el-radio>
            <el-radio :label="false">否</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="更新内容">
            <el-input type="textarea" v-model="form.kqAndroidUpdateContent" placeholder="请输入库启回收安卓更新内容" />
        </el-form-item>

        <!-- 库启回收ios版本 -->
        <el-form-item label="库启回收ios版本号">
            <el-input v-model="form.kqIosVersionCode" placeholder="请输入库启回收ios版本号" />
        </el-form-item>
        <el-form-item label="库启回收ios版本名">
            <el-input v-model="form.kqIosVersionName" placeholder="请输入库启回收ios版本名" />
        </el-form-item>
        <el-form-item label="库启回收ios下载地址">
            <el-input v-model="form.kqIosDownloadUrl" placeholder="请输入库启回收ios下载地址" />
        </el-form-item>
        <el-form-item label="库启回收ios是否强制更新">
            <el-radio-group v-model="form.kqIosForceUpdate">
            <el-radio :label="true">是</el-radio>
            <el-radio :label="false">否</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="更新内容">
            <el-input type="textarea" v-model="form.kqIosUpdateContent" placeholder="请输入库启回收ios更新内容" />
        </el-form-item>
    </el-form>
</template>

<script setup>
    import { ref,reactive} from 'vue';
    import yonghuImgUrl from '@/assets/images/systemManagement/菜单.png';
    let imgUrl =ref(yonghuImgUrl);
    let userName = ref("用户手机号");
    const form = reactive({
        qyAndroidVersionCode: '5',
        qyAndroidVersionName: 'v1.0.5',
        qyAndroidApkUrl: 'https://img.hebeizhonghuijtuan.com/app/qygl-release-1.0.5-202405151606.apk',

        zkVersionCode: '60',
        zkVersionName: 'v0.6.0',
        zkV1ApkUrl: 'http://images.hebeizhonghuijtuan.com/app/xqhs_v1_0_6_0_60_20250124_p37.apk',
        zkV4ApkUrl: 'http://images.hebeizhonghuijtuan.com/app/xqhs_v4_0_6_0_60_20250124_p37.apk',

        kqAndroidVersionCode: '2',
        kqAndroidVersionName: 'v0.0.2',
        kqAndroidApkUrl: 'https://images.hebeizhonghuijtuan.com/app/xqhs_app-release-0.0.2.apk',
        kqAndroidForceUpdate: true,
        kqAndroidUpdateContent: '一些bug修复及内容更新',

        kqIosVersionCode: '1',
        kqIosVersionName: 'v0.0.1',
        kqIosDownloadUrl: 'https://fir.xcxwo.com/q2ru8s',
        kqIosForceUpdate: false,
        kqIosUpdateContent: '内容2',
});
</script>

<style lang="less" scoped>
    .header{
        background: #fff;
        height:80px;
        padding: 0;
        border-bottom: 1px solid  #ccc;
        box-shadow: 0px 1px 2px 0px #ccc;
        img{
            width:20px;
            height:20px;
        }
        span{
            display: inline-block;
            padding:0px 10px;
        }
        div{
            display: flex;
            align-items: center;
        }
        .header_he{
            height:45px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ccc;
            justify-content: space-between;
        }
    }
    .el-form{
        padding-top: 20px;
    }
</style>